<!DOCTYPE html>
<html>
<head>
<title>开米石 Demo</title>
<include file="CommonHome:head.meta.inc" />
<include file="CommonHome:head.script.inc" />
</head>
<body>


<div data-role="page" id="pageone">
  <div data-role="header">
  	
  <h1>账单 Demo</h1>
 
  </div>

  <nav data-role="navbar">
    <ul >
      <li><a href="#pageone"  data-transition="slide" data-icon="home">未结账</a></li>
      <li><a href="#pagetwo"  data-transition="slide"  data-icon="grid">已结账</a></li>
      <li><a href="#page3"  data-transition="slide"   data-icon="calendar">全部结账</a></li>
      <li>  <a href="__GROUP__/Table/index"  data-transition="slide" data-icon="calendar" >返回</a> </li>
    </ul>
  </nav>
 

<div data-role="main" class="ui-content">
     
<table data-role="table" id="table-custom-2" data-mode="columntoggle" class="ui-body-d ui-shadow table-stripe ui-responsive" data-column-btn-theme="b" data-column-btn-text="显示模式..." data-column-popup-theme="a">
    <thead>
      <tr class="ui-bar-d">
        <th data-priority="2">流水单号</th>
        <th data-priority="6">台号</th>
        <th data-priority="3">时间</th>
        <th data-priority="1">状态</th>
        <th data-priority="5">账单金额</th>
      </tr>
    </thead>
    <tbody>
        <volist name="list" id="vo">
        <tr>
            <th>{$vo.id}</th>
            <td><a href="__GROUP__/Payment/paydetail/id/{$vo.id}" data-rel="external">{$vo.table_num}</a></td>
            <td>{$vo.pay_time}</td>
            <td>{$vo.enabled}</td>
            <td>{$vo.pay_bill}</td>
        </tr>
        </volist>
    </tbody>
  </table>    
   </div>
          
  <div data-role="footer" data-position="fixed">
  <h1>Copyright </h1>
  </div>
</div> 




<div data-role="page" id="pagetwo">
  <div data-role="header">
  	
  <h1>账单 Demo2</h1>
 
  </div>

  <nav data-role="navbar">
    <ul >
      <li><a href="#pageone"  data-transition="slide" data-icon="home">未结账</a></li>
      <li><a href="#pagetwo" data-transition="slide" data-icon="grid">已结账</a></li>
      <li><a href="#page3"  data-transition="slide" data-icon="calendar">全部结账</a></li>
      <li>  <a href="mixi8.html"  data-transition="slide" data-icon="calendar" >返回</a> </li>
    </ul>
  </nav>
 

<div data-role="main" class="ui-content">
     
<table data-role="table" id="table-custom-2" data-mode="columntoggle" class="ui-body-d ui-shadow table-stripe ui-responsive" data-column-btn-theme="b" data-column-btn-text="显示模式..." data-column-popup-theme="a">
    <thead>
      <tr class="ui-bar-d">
        <th data-priority="2">流水单号</th>
        <th data-priority="6">台号</th>
        <th data-priority="3">时间</th>
        <th data-priority="1">状态</th>
        <th data-priority="5">账单金额</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th>Sszxczc1</th>
        <td><a href="#" data-rel="external">Citizen Kane</a></td>
        <td>1941</td>
        <td>已结账</td>
        <td>74</td>
      </tr>
      <tr>
        <th>Sszxczc2</th>
        <td><a href="#" data-rel="external">Casablanca</a></td>
        <td>1942</td>
        <td>已结账</td>
        <td>64</td>
      </tr>
      <tr>
        <th>Sszxczc3</th>
        <td><a href="#" data-rel="external">The Godfather</a></td>
        <td>1972</td>
        <td>已结账</td>
        <td>87</td>
      </tr>
     
    </tbody>
  </table>    
   </div>
          
  <div data-role="footer" data-position="fixed">
  <h1>Copyright </h1>
  </div>
</div> 

 
 <div data-role="page" id="page3">
  <div data-role="header">
  	
  <h1>账单 Demo</h1>
 
  </div>

  <nav data-role="navbar">
    <ul >
      <li><a href="#pageone"  data-transition="slide" data-icon="home">未结账</a></li>
      <li><a href="#pagetwo" data-transition="slide" data-icon="grid">已结账</a></li>
      <li><a href="#page3"  data-transition="slide" data-icon="calendar">全部结账</a></li>
      <li>  <a href="mixi8.html"  data-transition="slide" data-icon="calendar" >返回</a> </li>
    </ul>
  </nav>
 

<div data-role="main" class="ui-content">
     
<table data-role="table" id="table-custom-2" data-mode="columntoggle" class="ui-body-d ui-shadow table-stripe ui-responsive" data-column-btn-theme="b" data-column-btn-text="显示模式..." data-column-popup-theme="a">
    <thead>
      <tr class="ui-bar-d">
        <th data-priority="2">流水单号</th>
        <th data-priority="6">台号</th>
        <th data-priority="3">时间</th>
        <th data-priority="1">状态</th>
        <th data-priority="5">账单金额</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th>Sszxczc1</th>
        <td><a href="#" data-rel="external">Citizen Kane</a></td>
        <td>1941</td>
        <td>已结账</td>
        <td>74</td>
      </tr>
      <tr>
        <th>Sszxczc2</th>
        <td><a href="#" data-rel="external">Casablanca</a></td>
        <td>1942</td>
        <td>已结账</td>
        <td>64</td>
      </tr>
      <tr>
        <th>Sszxczc3</th>
        <td><a href="#" data-rel="external">The Godfather</a></td>
        <td>1972</td>
        <td>已结账</td>
        <td>87</td>
      </tr>
      
       <tr>
        <th>Sszxczc1</th>
        <td><a href="#" data-rel="external">Citizen Kane</a></td>
        <td>1941</td>
        <td>未结账</td>
        <td>74</td>
      </tr>
      <tr>
        <th>Sszxczc2</th>
        <td><a href="#" data-rel="external">Casablanca</a></td>
        <td>1942</td>
        <td>未结账</td>
        <td>64</td>
      </tr>
      <tr>
        <th>Sszxczc3</th>
        <td><a href="#" data-rel="external">The Godfather</a></td>
        <td>1972</td>
        <td>未结账</td>
        <td>87</td>
      </tr>
     
    </tbody>
  </table>    
   </div>
          
  <div data-role="footer" data-position="fixed">
  <h1>Copyright </h1>
  </div>
</div> 

</body>
</html>
